<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">按钮2</button>
		<script>
			// JQuery注释  遵循JavaScript【两种】
			/*多行注释*/
			// 首行出现语法  工厂函数 功能：抓取页面上元素，属性和属性值
			// 工厂函数使用方式：  语法① $("选择器")或$("选择器")
			//                   注意：单双引号解决嵌套问题
			
			// 工厂函数的第一张使用方式
			/* $("button").click(function(){
				document.write("<h1>点击我了~</h1>"); -----DOM 直接在页面 输出语句
			}); */
			//工厂函数第二种使用方式
			jQuery("#btn").click(function(){
			//	console.log("你猜我在哪里~"); ----ECMAscript核心 输出语句 F12 控制台
			//alert("弹出内容");             ----BOM 浏览器弹出 输出语句
			});
			// JQ基础语法组成 工厂函数[2种]。事件源[15种](function(){
				                                DOM+逻辑/BOM+逻辑/逻辑
			//                                   })
		</script>
	</body>
</html>